草庐IT

HTML + CSS - 重叠标题图像

全部标签

javascript - 用 HTML 字符替换句点

我的一些代码有问题。我输入了一个输入,段落中的文本使用突出显示。.但是,当我添加一个句点以突出显示所有句点时,代码会崩溃并为我提供实际的html代码并随机突出显示。所以我尝试添加一个替换器来更改周期。现在它不会panic,但不会突出显示任何内容。这是我尝试用html字符数(.)替换句点的代码:vari=document.getElementById("Bar").value;varinpu=$.trim(i);varinp=inpu.replace(".",".");varSearchReq=newRegExp("(\\b"+inp+"\\b)","gim");varN

javascript - 读取 HTML 对象标签中的数据

我在服务器上存储了一个文本文件和一个HTML格式的对象,如下所示:如何在Javascript中读取test.txt的内容?到目前为止我所拥有的是:vardata=document.getElementByID("data");但我不知道如何读取对象标签内的HTML文档。 最佳答案 object标签必须向服务器发出单独的请求,然后加载该内容。同时,您的JavaScript已经执行并“错过了公交车”。在object的onload事件中运行您的代码。然后使用.contentDocument.body.childNodes[0].inner

javascript - threejs - 显示二维图像

另一个threejs问题。当我按下一个键时,我基本上是想在屏幕上显示一个二维图像。我四处搜索,但找不到让我的图像正确显示的方法,而且有些方法我根本无法工作。在我确实设法显示图像的时候,它要么显示在我的3d环境容器后面(在html中),要么导致整个3D窗口消失,即使图像并不比它大。我并没有真正弄乱图像,所以我不确定我需要什么。我并不是要在3D空间中显示图像,只是要在屏幕上弹出图像,例如菜单或其他内容。 最佳答案 您还可以使用THREE.Sprite,非常容易实现,即使它是在3D空间中创建的,它也始终面向相机。这是来自documenta

javascript - 在 MediaSource HTML5 中播放 MediaRecorder block ——视频卡住

我有这个简单的代码来获取视频流block并在MediaSource中播放它们。我看到视频,但有时它会停止。它可能会工作几秒钟或几分钟。但最后它在某个时刻停止了。chrome://media-internals/显示没有错误。这里有什么问题吗?navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;varmediaSource=newMediaSource();varconstraints

javascript - 文件对象到具有正确文件名而不是 src ="blob..."的图像

我有一个文件对象myFile在控制台中看起来像这样:File{name:"myimage.jpg",lastModified:1465476925001,lastModifiedDate:ThuJun09201614:55:25GMT+0200(CEST),size:33002type:"image/jpeg"}但是当我用它创建一个图像时varimage=newImage();image.src=URL.createObjectURL(myFile);我得到:当我尝试通过右键单击保存文件时,文件名为空或“6b2b83d8-ac36-40c1-8ab1-c4f07b019ba5”而不是“

javascript - 从 react 组件中的html文件中的脚本标签访问变量

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭6年前。Improvethisquestion我最近才开始研究javascript和React.js。目前我的main.html文件中有一些脚本标签,我需要能够从我的React.js组件中的这些标签访问一些变量。有办法做到这一点吗?

javascript - 有没有可行的方法使用JS触发CSS关键帧动画?

当然,我们可以使用关键帧创建CSS动画,并从那里控制它。但是,理想情况下,我想通过单击按钮来触发此动画-因此单击按钮将是一个事件...@keyframesfade-in{0%{opacity:0;}100%{opacity:1;}}现在,点击时,我想触发这个动画;而不是在CSS动画属性中。 最佳答案 看这里jsfiddle如果您希望每次按下按钮时动画都起作用,请使用此代码:$('button').click(function(){$(".fademe").addClass('animated');setTimeout(functio

javascript - 为视频而不是图像实现 Angular Masonry

我必须为视频而不是图像使用Angularmasonry网格样式,我引用了大部分Angularmasonry文档,我能找到的只是用于图像。我替换了img标签并使用了视频标签,但它仍然没有'似乎工作。任何人都可以帮助我如何包含视频。 最佳答案 谢谢大家。最后我让它工作了,我用视频标签替换了img标签,它工作得很好。尝试this并替换标签。 关于javascript-为视频而不是图像实现AngularMasonry,我们在StackOverflow上找到一个类似的问题:

javascript:使用单位获取css prop值

这个问题在这里已经有了答案:GetelementCSSproperty(width/height)valueasitwasset(inpercent/em/px/etc)(5个答案)关闭6年前。我的代码是这样的:#image_1{position:absolute;top:3vw;}我的尝试:http://jsfiddle.net/z8k6t3fb/1/我想要'3vw'这可能吗?

javascript - CSS 的笛卡尔失真效果

我正在尝试重新创建NewYorkTimesFashionWeek中使用的笛卡尔失真效果页。但是,他们使用D3版本3和D3js的鱼眼插件,但不适用于D3版本4。由于我们做的整个元素都在D3V4中,我无法降级到D3Version3。有没有其他方法可以使用CSS和jquery实现这种效果?我已经尝试过这是我到目前为止的位置:previewwindow.onload=run;functionrun(){if($('.overlayDiv').css('display')!='none'){varcontainer=d3.select('.overlayDiv');container.empty